<!-- banners begin -->
<!--{*--><link href="../css/banners.css" rel="stylesheet" type="text/css" /><!--*}-->
{if $banners|count}
<div id="banner">
{section name='b' loop=$banners}
	<img src="image/{$banners[b].album_id}/{'THUMBNAIL_BANNERS_SIZE_ID'|constant}/{$banners[b].image_id}.jpg" alt="" title="" />
{/section}
</div>
<ul id="thumbnails">
{section name='b' loop=$banners}
	<li rel="{$smarty.section.b.index_next}"><img src="image/{$banners[b].album_id}/{'THUMBNAIL_HOMEPAGE_SIZE_ID'|constant}/{$banners[b].image_id}.jpg" alt="" title="" /></li>
{/section}
</ul>
<script type="text/javascript" src="js/banners-slideshow.js"></script>
{else}
	<!-- no images selected for banner at the moment. -->
{/if}
<!-- end of banners -->

<div class="clear"></div>

<!--{*--><link href="../css/management.css" rel="stylesheet" type="text/css" /><!--*}-->

<div class="search-form">
<form method="post" action="albums-search-public.php" name="albums-livesearch" id="albums-livesearch-form">
	<div class="search-bar">
		<input type="text" name="search_albums" value="{$search_albums}" id="search_albums" />
		<input type="submit" name="search-button" value="Search" class="submit" />
	</div>
	<div id="livesearch-results"></div>
</form>
</div>

{if $albumss|count}

<div class="albums-holder">
{section name='l' loop=$albumss}
	<div class="albums-unit">
		<h1>
			<!--{$smarty.section.l.index_next+$pagination->begining_entry()}. -->
			<a href="albums-details-public.php?id={$albumss[l].album_id}&amp;code={$albumss[l].code}">{$albumss[l].album_name}</a>
		</h1>
		<div class="albums-slot">
			<a href="images-albums.php?id={$albumss[l].album_id}&amp;code={$albumss[l].code}" title="{$albumss[l].album_name|utf8} - {$albumss[l].images_counter} images">
				<img src="{$albumss[l].album_coverimage|albumimage:$albumss[l].album_id}" class="albums-coverimage" title="" alt="{$albumss[l].album_name|utf8}" />
			</a>
		</div>
		<div class="browse-link"><a href="images-albums.php?id={$albumss[l].album_id}&amp;code={$albumss[l].code}">Browse</a> - {$albumss[l].images_counter} images</div>
	</div>
{sectionelse}
	<div class="nodata">You do not have any records here.</div>
{/section}
</div>

<div class="clear"></div>

<!-- paginator -->
{if $pagination->has_pages()}
<div class="paginator">
	<span class="introduction">Jump to page: </span>
	
	<!--{* wrap with <ul>...</ul> tags when using ulli=true parameter. *}-->
	<!--{* <ul> *}-->
	{paginate separator=' ' ulli=false source=$pagination}
	<!--{* <ul> *}-->
</div>
{/if}

{else}
	<div class="nodata">Have patience...</div>
{/if}

<!-- End of albums List (Public) -->